<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>小米笔记本电脑搜索栏页面</title>
		<!--此处引入样式表，选定CSS来源-->
		<link rel="stylesheet" href="css/MI_select.css" />
	</head>

	<body>
		<div id="header">
			<div id="headermain">
				<ul class="fl">
					<li>
						<a href="小米主页面.html">小米商城</a><span>|</span></li>
					<li>
						<a href="javascript:;">MUI</a><span>|</span></li>
					<li>
						<a href="javascript:;">米聊</a><span>|</span></li>
					<li>
						<a href="javascript:;">游戏</a><span>|</span></li>
					<li>
						<a href="javascript:;">多看阅读</a><span>|</span></li>
					<li>
						<a href="javascript:;">云服务</a><span>|</span></li>
					<li>
						<a href="javascript:;">金融</a><span>|</span></li>
					<li>
						<a href="javascript:;">小米商城移动版</a><span>|</span></li>
					<li>
						<a href="javascript:;">问题反馈</a><span>|</span></li>
					<li>
						<a href="javascript:;">Select Region</a>
					</li>
				</ul>

				<ul class="fr">
					<li>
						<a href="logon.html">登录</a><span>|</span></li>
					<li>
						<a href="register.html">注册</a><span>|</span></li>
					<li style="padding-right: 25px;">
						<a href="javascript:;">消息通知</a>
					</li>
					<li class="lispecial">
						<a href="购物车.html">购物车（0）</a>
						<div class="lihover">
							购物车中还没有商品，赶紧选购吧！
						</div>
					</li>
				</ul>
			</div>
		</div>

		<div style="clear: both;"></div>
		<div id="main">
			<div id="nav">

				<div class="logo fl">
					<img src="img/milogo1.png" title="小米商城" />
					<!--<img src="img/mlogo.gif" id="mlogo" align="top" />-->
					     <span style="font-weight:200px ;" >全部商品分类</span>
				</div>
				<ul class="fl">
					<li>
						<a href="javascript:">小米手机
							<div class="headlist">
								<img src="img/20170606212738.png" />
							</div>
						</a>
					</li>
					<li>
						<a href="javascript:">红米
							<div class="headlist">
								<img src="img/20170606212753.png" />
							</div>
						</a>
					</li>
					<li>
						<a href="小米笔记本.html">平板 . 笔记本
							<div class="headlist">
								<img src="img/20170606212807.png" />
							</div>
						</a>
					</li>
					<li>
						<a href="javascript:">电视
							<div class="headlist">
								<img src="img/20170606212821.png" />
							</div>
						</a>
					</li>
					<li>
						<a href="javascript:">盒子 .影音
							<div class="headlist">
								<img src="img/20170606212838.png" />
							</div>
						</a>
					</li>
					<li>
						<a href="javascript:">路由器
							<div class="headlist">
								<img src="img/20170606212838.png" />
							</div>
						</a>
					</li>
					<li>
						<a href=" Remote control.html">智能硬件
							<div class="headlist">
								<img src="img/20170606212738.png" />
							</div>
						</a>
					</li>
					<li>
						<a href="javascript:">服务

						</a>
					</li>
					<li>
						<a href="javascript:">社区</a>
					</li>
				</ul>
				<div class="search fr">
					<input type="text" name="" id="" value=""  placeholder="小米笔记本" class="searchtxt" />
					<input type="button" name="" id="" value="" class="searchbtn" />
				</div>

				<!--清除浮动，方便布局-->
			</div>
			<div style="clear: both;"></div>
			<div id="neck" <!--style="background: javascript:;F5F5F5;-->">
				<a href="小米主页面.html">首页</a>>
				<a href="javascript:;">全部结果</a>>
				<a href="小米笔记本.html">小米笔记本</a>
				<div style="clear: both;"></div>
				<div id="necker">

					<ul>
						<li>分类：<span>全部</span></li>
						<li>
							<a href="javascript:">线材</a>
						</li>
						<li>
							<a href="javascript:">配件优惠套装</a>
						</li>
						<li>
							<a href="javascript:">品牌移动电源</a>
						</li>
						<li>
							<a href="javascript:">生活周边</a>
						</li>
						<li>
							<a href="javascript:">笔记本电脑</a>
						</li>
					</ul>
				</div>
			</div>
		</div>

		<div style="clear: both;"></div>
		<div id="content">
			<div id="listleft">
				<ul>
					<li><span>推荐</span></li>
					<li>|</li>
					<li>
						<a href=" Remote control.html">新品</a>
					</li>
					<li>|</li>
					<li>
						<a href="javascript:">价格</a>
					</li>
					<li>|</li>
					<li>
						<a href="javascript:">评论最多</a>
					</li>
				</ul>
			</div>
			<div id="listright">
				<ul>
					<li>
					<i></i>&nbsp; 查看评价
					</li>
					<li>
					<i></i>&nbsp;仅显示特惠商品
					</li>
					<li>
					<i></i>&nbsp;仅显示有货商品
					</li>
				</ul>

			</div>

			<div style="clear: both;"></div>

			<div id="products">
				<div class="product" style="margin-left: 50px;">
					<div class="picturelist">
						<img src="img/小米笔记本/pms_1499421324.18332827!200x200.jpg" />
					</div>
					<p>小米笔记本贴纸 13.3英寸 梵高星空</p>
					<p><span>64.9元</span></p>
					<div class="siderlist">
						<img src="img/小米笔记本/pms_1499680984.1851297!34x34.jpg" />
					</div>
				</div>
				<div class="product">
					<div class="picturelist">
						<img src="img/小米笔记本/pms_1499421319.69868501!200x200.jpg" />
					</div>
					<p>小米笔记本贴纸 13.3英寸 梵高星空</p>
					<p><span>64.9元</span></p>
					<div class="siderlist">
						<img src="img/小米笔记本/pms_1496997916.00885411!34x34.jpg" />
					</div>
				</div>
				<div class="product">
					<div class="picturelist">
						<img src="img/小米笔记本/pms_1496997930.13622399!200x200.jpg" />
					</div>
					<p>小米笔记本贴纸 13.3英寸 梵高星空</p>
					<p><span>64.9元</span></p>
					<div class="siderlist">
						<img src="img/小米笔记本/pms_1496997930.13622399!34x34.jpg" />
					</div>
				</div>
				<div class="product">
					<div class="picturelist">
						<img src="img/小米笔记本/pms_1498559046.2058129!200x200.jpg" />
					</div>
					<p>小米笔记本贴纸 13.3英寸 梵高星空</p>
					<p><span>64.9元</span></p>
					<div class="siderlist">
						<img src="img/小米笔记本/pms_1498559046.2058129!34x34.jpg" />
					</div>
				</div>
				<div class="product" style="margin-left: 50px; margin-top: 14px;">
					<div class="picturelist">
						<img src="img/小米笔记本/pms_1499421324.18332827!200x200.jpg" />
					</div>
					<p>小米笔记本贴纸 13.3英寸 梵高星空</p>
					<p><span>64.9元</span></p>
					<div class="siderlist">
						<img src="img/小米笔记本/pms_1499680984.1851297!34x34.jpg" />
					</div>
				</div>
				<div class="product" style="margin-top: 14px;">
					<div class="picturelist">
						<img src="img/小米笔记本/pms_1499421319.69868501!200x200.jpg" />
					</div>
					<p>小米笔记本贴纸 13.3英寸 梵高星空</p>
					<p><span>64.9元</span></p>
					<div class="siderlist">
						<img src="img/小米笔记本/pms_1496997916.00885411!34x34.jpg" />
					</div>
				</div>
				<div class="product" style="margin-top: 14px;">
					<div class="picturelist">
						<img src="img/小米笔记本/pms_1496997930.13622399!200x200.jpg" />
					</div>
					<p>小米笔记本贴纸 13.3英寸 梵高星空</p>
					<p><span>64.9元</span></p>
					<div class="siderlist">
						<img src="img/小米笔记本/pms_1496997930.13622399!34x34.jpg" />
					</div>
				</div>
				<div class="product" style="margin-top: 14px;">
					<div class="picturelist">
						<img src="img/小米笔记本/pms_1498559046.2058129!200x200.jpg" />
					</div>
					<p>小米笔记本贴纸 13.3英寸 梵高星空</p>
					<p><span>64.9元</span></p>
					<div class="siderlist">
						<img src="img/小米笔记本/pms_1498559046.2058129!34x34.jpg" />
					</div>
				</div>
				<div class="product" style="margin-left: 50px; margin-top: 14px;">
					<div class="picturelist">
						<img src="img/小米笔记本/pms_1499421324.18332827!200x200.jpg" />
					</div>
					<p>小米笔记本贴纸 13.3英寸 梵高星空</p>
					<p><span>64.9元</span></p>
					<div class="siderlist">
						<img src="img/小米笔记本/pms_1499680984.1851297!34x34.jpg" />
					</div>
				</div>
				<div class="product" style="margin-top: 14px;">
					<div class="picturelist">
						<img src="img/小米笔记本/pms_1499421319.69868501!200x200.jpg" />
					</div>
					<p>小米笔记本贴纸 13.3英寸 梵高星空</p>
					<p><span>64.9元</span></p>
					<div class="siderlist">
						<img src="img/小米笔记本/pms_1496997916.00885411!34x34.jpg" />
					</div>
				</div>
				<div class="product" style="margin-top: 14px;">
					<div class="picturelist">
						<img src="img/小米笔记本/pms_1496997930.13622399!200x200.jpg" />
					</div>
					<p>小米笔记本贴纸 13.3英寸 梵高星空</p>
					<p><span>64.9元</span></p>
					<div class="siderlist">
						<img src="img/小米笔记本/pms_1496997930.13622399!34x34.jpg" />
					</div>
				</div>
				<div class="product" style="margin-top: 14px;">
					<div class="picturelist">
						<img src="img/小米笔记本/pms_1498559046.2058129!200x200.jpg" />
					</div>
					<p>小米笔记本贴纸 13.3英寸 梵高星空</p>
					<p><span>64.9元</span></p>
					<div class="siderlist">
						<img src="img/小米笔记本/pms_1498559046.2058129!34x34.jpg" />
					</div>
				</div>
				<div class="product" style="margin-left: 50px; margin-top: 14px;">
					<div class="picturelist">
						<img src="img/小米笔记本/pms_1499421324.18332827!200x200.jpg" />
					</div>
					<p>小米笔记本贴纸 13.3英寸 梵高星空</p>
					<p><span>64.9元</span></p>
					<div class="siderlist">
						<img src="img/小米笔记本/pms_1499680984.1851297!34x34.jpg" />
					</div>
				</div>
				<div class="product" style="margin-top: 14px;">
					<div class="picturelist">
						<img src="img/小米笔记本/pms_1499421319.69868501!200x200.jpg" />
					</div>
					<p>小米笔记本贴纸 13.3英寸 梵高星空</p>
					<p><span>64.9元</span></p>
					<div class="siderlist">
						<img src="img/小米笔记本/pms_1496997916.00885411!34x34.jpg" />
					</div>
				</div>
				<div class="product" style="margin-top: 14px;">
					<div class="picturelist">
						<img src="img/小米笔记本/pms_1496997930.13622399!200x200.jpg" />
					</div>
					<p>小米笔记本贴纸 13.3英寸 梵高星空</p>
					<p><span>64.9元</span></p>
					<div class="siderlist">
						<img src="img/小米笔记本/pms_1496997930.13622399!34x34.jpg" />
					</div>
				</div>
				<div class="product" style="margin-top: 14px;">

					<div class="picturelist">
						<img src="img/小米笔记本/pms_1498559046.2058129!200x200.jpg" />
					</div>
					<p>小米笔记本贴纸 13.3英寸 梵高星空</p>
					<p><span>64.9元</span></p>
					<div class="siderlist">
						<img src="img/小米笔记本/pms_1498559046.2058129!34x34.jpg" />
					</div>
				</div>
			</div>	
				<div style="clear: both;"></div>

				<div id="advice">
					<h2 class="xm-recommend-title">
						<span>为你推荐</span>
					</h2>
				</div>
				<div style="clear: both;"></div>

				<div id="tuijianlist">
					<ul class="luntuilist ">
						<!--<1>-->
						<li >
							<img src="img/小米笔记本/手环2.jpg "  />
							<p>小米笔记本贴纸 13.3英寸 梵高星空</p>
							<p><span>64.9元</span></p>
							<dd class="tips ">1.1万人好评</dd>
						</li>

						<li >
							<img src="img/小米笔记本/无人机.jpg"  />
							<p>小米无人机4K版套装</p>
							<p><span>2969元</span></p>
							<dd class="tips">476人好评</dd>
						</li>

						<li >
							<img src="img/小米笔记本/机器人.jpg "  />
							<p>米家扫地机器人</p>
							<p><span>1699元</span></p>
							<dd class="tips ">1.1万人好评</dd>
						</li>

						<li>
							<img src="img/小米笔记本/运动鞋.jpg"   />
							<p>米家运动鞋(智能版) 男款</p>
							<p><span>249元</span></p>
							<dd class="tips">1.3万人好评</dd>
						</li>

						<li >
							<img src="img/小米笔记本/手环2.jpg "  />
							<p>小米笔记本贴纸 13.3英寸 梵高星空</p>
							<p><span>64.9元</span></p>
							<dd class="tips ">1.1万人好评</dd>
						</li>
						<!--<1>-->
						<li >
							<img src="img/小米笔记本/手环2.jpg "  />
							<p>小米笔记本贴纸 13.3英寸 梵高星空</p>
							<p><span>64.9元</span></p>
							<dd class="tips ">1.1万人好评</dd>
						</li>

						<li >
							<img src="img/小米笔记本/无人机.jpg"  />
							<p>小米无人机4K版套装</p>
							<p><span>2969元</span></p>
							<dd class="tips">476人好评</dd>
						</li>

						<li >
							<img src="img/小米笔记本/机器人.jpg "  />
							<p>米家扫地机器人</p>
							<p><span>1699元</span></p>
							<dd class="tips ">1.1万人好评</dd>
						</li>

						<li>
							<img src="img/小米笔记本/运动鞋.jpg"   />
							<p>米家运动鞋(智能版) 男款</p>
							<p><span>249元</span></p>
							<dd class="tips">1.3万人好评</dd>
						</li>

						<li >
							<img src="img/小米笔记本/手环2.jpg "  />
							<p>小米笔记本贴纸 13.3英寸 梵高星空</p>
							<p><span>64.9元</span></p>
							<dd class="tips ">1.1万人好评</dd>
						</li>
						
						<!-- <2> -->
                        <li >
							<img src="img/小米笔记本/手环2.jpg "  />
							<p>小米笔记本贴纸 13.3英寸 梵高星空</p>
							<p><span>64.9元</span></p>
							<dd class="tips ">1.1万人好评</dd>
						</li>

						<li >
							<img src="img/小米笔记本/无人机.jpg"  />
							<p>小米无人机4K版套装</p>
							<p><span>2969元</span></p>
							<dd class="tips">476人好评</dd>
						</li>

						<li >
							<img src="img/小米笔记本/机器人.jpg "  />
							<p>米家扫地机器人</p>
							<p><span>1699元</span></p>
							<dd class="tips ">1.1万人好评</dd>
						</li>

						<li>
							<img src="img/小米笔记本/运动鞋.jpg" />
							<p>米家运动鞋(智能版) 男款</p>
							<p><span>249元</span></p>
							<dd class="tips">1.3万人好评</dd>
						</li>

						<li >
							<img src="img/小米笔记本/手环2.jpg "  />
							<p>小米笔记本贴纸 13.3英寸 梵高星空</p>
							<p><span>64.9元</span></p>
							<dd class="tips ">1.1万人好评</dd>
						</li>

					</ul>
				</div>

				<div style="clear: both; "></div>
					<!-- 来定位 -->
				<div id="Xmpagers">
					<ul>
						<li class="pager "></li>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
					</ul>
				</div>
			</div>

        				<div style="clear: both; "></div>
				<div id="footer">
			<div class="footer_1">
				<ul>
					<li class="li1">
						<a href="javascript:;">预约维修服务</a>
					</li>
					<li class="li2">
						<a href="javascript:;">7天无理由退货</a>
					</li>
					<li class="li3">
						<a href="javascript:;">15天免费换货</a>
					</li>
					<li class="li4">
						<a href="javascript:;">满150元包邮</a>
					</li>
					<li class="li5">
						<a href="javascript:;">520余家售后网点</a>
					</li>
				</ul>
			</div>
			<div class="footer_2">
				<dl>
					<dt><a href="javascript:;">帮助中心</a></dt>
					<dd>
						<a href="javascript:;">账户管理</a>
					</dd>
					<dd>
						<a href="javascript:;">购物指南</a>
					</dd>
					<dd>
						<a href="javascript:;">订单操作</a>
					</dd>
				</dl>
				<dl>

					<dt><a href="javascript:;">服务支持</a></dt>
					<dd>
						<a href="javascript:;">售后政策</a>
					</dd>
					<dd>
						<a href="javascript:;">自助服务</a>
					</dd>
					<dd>
						<a href="javascript:;">相关下载</a>
					</dd>
				</dl>
				<dl>
					<dt><a href="javascript:;">线下门店</a></dt>
					<dd>
						<a href="javascript:;">小米之家</a>
					</dd>
					<dd>
						<a href="javascript:;">服务网点</a>
					</dd>
					<dd>
						<a href="javascript:;">零售网点</a>
					</dd>
				</dl>
				<dl>
					<dt><a href="javascript:;">关于小米</a></dt>
					<dd>
						<a href="javascript:;">了解小米</a>
					</dd>
					<dd>
						<a href="javascript:;">加入小米</a>
					</dd>
					<dd>
						<a href="javascript:;">联系我们</a>
					</dd>
				</dl>
				<dl>
					<dt><a href="javascript:;">关注我们</a></dt>
					<dd>
						<a href="javascript:;">新浪微博</a>
					</dd>
					<dd>
						<a href="javascript:;">小米部落</a>
					</dd>
					<dd>
						<a href="javascript:;">官方微博</a>
					</dd>
				</dl>
				<dl>
					<dt><a href="javascript:;">特色服务</a></dt>
					<dd>
						<a href="javascript:;">F码通道</a>
					</dd>
					<dd>
						<a href="javascript:;">礼物码</a>
					</dd>
					<dd>
						<a href="javascript:;">防伪查询</a>
					</dd>
				</dl>
				<div class="phone fr">
					<p class="number">400-100-5678</p>
					<p>周一至周日 8:00-18:00</p>
					<p>（仅收市话费）</p>
					<p class="hourpic"></p>
				</div>
			</div>
		</div>
					<div style="clear: both;"></div>
		<div class="bg">
			<div class="footer_3 ">
				<div class="fl">
					<img src="img/logo-footer.png" align="center" /></div>
				<div class="fl footer_4">
					<ul>
						<li>
							<a href="javascript:;">小米商城</a>|</li>
						<li>
							<a href="javascript:;">MIUI</a>|</li>
						<li>
							<a href="javascript:;">米聊</a>|</li>
						<li>
							<a href="javascript:;">多看书城</a>|</li>
						<li>
							<a href="javascript:;">小米路由器</a>|</li>
						<li>
							<a href="javascript:;">视频电话</a>|</li>
						<li>
							<a href="javascript:;">小米淘宝直营店</a>|</li>
						<li>
							<a href="javascript:;">小米网盟</a>|</li>
						<li>
							<a href="javascript:;">小米移动</a>|</li>
						<li>
							<a href="javascript:;">隐私政策</a>|</li>
						<li>
							<a href="javascript:;">Select Region</a>|</li>
					</ul>
					<div style="clear: both;"></div>
					<p>
						<a href="javascript:;">&copy;mi.com</a>
						<a href="javascript:;">京ICP证110507号</a>
						<a href="javascript:;">京ICP备10046444号</a>
						<a href="javascript:;">京公网安备11010802020134号</a>
						<a href="javascript:;">京网文[2014]0059-0009号</a>
					</p>
					<p>违法和不良举报信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验测试</p>
				</div>
				<div class="fr">
					<img src="img/footer/truste.png" width="85px" />
					<img src="img/footer/v-logo-2.png" />
					<img src="img/footer/v-logo-1.png" />
					<img src="img/footer/v-logo-3.png" />
				</div>
				<div style=" clear: both;"></div>
			</div>
			<footer>探索小米黑科技，为小米发烧而生</footer>

		</div>
		<script type="text/javascript">

          (function(){
               var olis=document.querySelectorAll("#Xmpagers ul li");

               // 已经获取数组
               for (var i = 0; i < olis.length; i++) {
               	
               	
               	    olis[i].onclick=function(){
                       lunMove();
                     }
               }

          })();




        var ilists=document.getElementsByTagName("i");
        for (var i = 0; i < ilists.length; i++) {
        	ilists[i].onclick=function(){
        		if (this.className=="active"){
        			this.removeAttribute("class");
        		}else{
        			this.className="active";
        		}
        	}
        };
          







            // 功能是调用模块，激发事件然后调用
         var timer=null;
//       移动功能
        function lunMove(){
        	var oUl=document.querySelector(".luntuilist");
        	var speed=-10;
//      	clearInterval(timer);
        	timer=setInterval(function(){
        		if (oUl.style.left=-400) 
        		{
        			clearInterval(timer);
        		} else {
        			oUl.style.left=oUl.offsetLeft+speed+'px';
        		}
        	},3)
        	
        	clearInterval(timer);
        	
        	
        }
		</script>
     </body>